/* 公共样式 */
body,div,a,p,ul,li {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
a {
    text-decoration: none;
}
ul {
    list-style: none;
}
/* 头部导航部分  */
#header {
    width: 100%;
    height: 140px;
}
#header>.navigation {
    width: 100%;
    height: 40px;
    background-color: #333;
}
#header>.navigation>.nav_bar {
    width: 1226px;
    height: 40px;
    margin: 0 auto;
}
#header>.navigation>.nav_bar a {
    color: #b0b0b0;
    font-size: 12px;
    line-height: 40px;
}
#header>.navigation>.nav_bar a:hover {
    color: #fff;
}
#header>.navigation>.nav_bar span {
    color: #b4b4b4;
    font-size: .3em;
    margin: 0 2px;
}
#header>.navigation>.nav_bar>.down_app>.load_app {
    display: block;
    width: 100px;
    height: 120px;
    position: fixed;
    top: 40px;
    left: 680px;
    background: url(https://i1.mifile.cn/f/i/17/appdownload/download.png?1)no-repeat 0 0/100px 100px #fff;
    padding-top: 90px;
    padding-left: 14px;
    color: #000;
    display: none;
}
#header>.navigation>.nav_bar>.down_app:hover>.load_app {
    display: block;
}
#header>.navigation>.nav_bar>.nav_po {
    float: right;
}
#header>.navigation>.nav_bar>.nav_po>.zc {
    float: right;
}
#header>.navigation>.nav_bar>.nav_po>.shop {
    width: 120px;
    height: 40px;
    float: right;
    margin-left: 20px;
    background: url(imges/QQ01.png) no-repeat 0 0 /120px 40px;
}
#header>.navigation>.nav_bar>.nav_po>.shop:hover {
    background: url(imges/QQ02.png) no-repeat 0 0 /120px 40px;
}
#header>.siste {
    width: 100%;
    height: 100px;
    position: relative;
}
#header>.siste>.siste_nav {
    width: 1226px;
    height: 100px;
    margin: 0 auto;
}
#header>.siste>.siste_nav>.logo {
    float: left;
    width: 62px;
    height: 55px;
    background: url(imges/QQ04.png) no-repeat 0 0 /55PX 55PX;
    margin: 22.5px 0;
}
#header>.siste>.siste_nav>.logo:hover {
    background: url(imges/QQ05.png) no-repeat 0 0 /55PX 55PX;
}
#header>.siste>.siste_nav>.siste_option{
    float: left;
    width: 790px;
    height: 100px;
    margin-left: 5px;
    padding-left: 170px;
}
#header>.siste>.siste_nav>.siste_option>ul {
    width: 620px;
    height: 100px;
}
#header>.siste>.siste_nav>.siste_option>ul>li {
    float: left;
    height: 100px;
    padding-left: 20px;
}
#header>.siste>.siste_nav>.siste_option>.option00 {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 0px;
    transition: all 0.2s;
    opacity: 0;
    overflow: hidden;
    background-color: #fff;
    z-index: 1;
}
#header>.siste>.siste_nav>.siste_option>.options:hover+.option00 {
    opacity: 1;
    height: 230px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
#header>.siste>.siste_nav>.siste_option>.options>li>ul {
    margin: 0 auto;
    width: 1226px;
    height: 230px;
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
    /* transition: all 0.5s; */
}
#header>.siste>.siste_nav>.siste_option>.options>li:hover>ul {
    display: block;
    transition: all 0.5s;
}
#header>.siste>.siste_nav>.siste_option>.options>li>ul>li {
    float: left;
    width: 204px;
    height: 230px;
}
#header>.siste>.siste_nav>.siste_option>.options>li>ul>li>a>img {
    display: block;
    border-right: 1.5px solid #ccc;
    margin-top: 20px;
}  
#header>.siste>.siste_nav>.siste_option>.options>li>ul>li>a>span.mz {
    display: inline-block;
    width: 204px;
    text-align: center;
    font-size: 12px;
    color: #000;
    margin-top: 10px;
    /* margin-left: 60px; */
}
#header>.siste>.siste_nav>.siste_option>.options>li>ul>li>a>span.jg {
    display: inline-block; 
    width: 204px;
    text-align: center;
    font-size: 12px;
    color: orange;
}
#header>.siste>.siste_nav>.siste_option>ul>li>a {
    display: block;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #000;
}
#header>.siste>.siste_nav>.siste_option>ul>li>a:hover {
    color: orange;
}
#header>.siste>.siste_nav>.siste_saer {
    float: right;
    width: 296px;
    height: 100px;
}
#header>.siste>.siste_nav>input {
    float: right;
    width: 246px;
    height: 46px;
    margin-top: 22.5px;
    border: 1px solid #ccc;
}
#header>.siste>.siste_nav>.button {
    float: right;
    width: 50px;
    height: 50px;
    margin-top: 22.5px;
    border: 1px solid #ccc;
    cursor: pointer;
    background: url(imges/QQ06.png) no-repeat center/contain;
}
#header>.siste>.siste_nav>.button:hover {
    background: url(imges/QQ07.png) no-repeat center/contain;
}
/* 分类选择部分 */
#hero {
    width: 100%;
    margin-bottom: 26px;
}
#hero>.home {
    width: 1226px;
    /* height: 670px; */
    margin: 0 auto;
}
#hero>.home>.home_top {
    width: 100%;
    height: 460px;
    position: relative;
}
/* #hero>.home>.home_top input {
    display: none;
} */
#box {
    width: 100%;
    height: 460px;
    position: relative;
    transform: translateZ(0);
}
#img {
    overflow: hidden;
}
#imgs {
    list-style: none;
    width: 8582px;
    height: 460px;
    position: relative;
    left: 0;
}
#imgs>li {
    float: left;
}
#imgs>li>img {
    width: 1226px;
    height: 460px;
}
#buttons {
    width: 100px;
    height: 10px;
    position: absolute;
    left: 350px;
    bottom: 20px;
  }
  #buttons span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    float: left;
    border: 1px solid #fff;
    background-color: #333;
    margin-right: 5px;
  }
  #buttons .on {
    background-color: tomato;
  }
#trun {
    display: none;
}
#trun>span {
    display: block;
    width: 30px;
    height: 50px;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    cursor: pointer;
    font-size: 24px;
    color: #fff;
}
#trun>span#left {
    left: 234px;
}
#trun>span#right {
    right: 0;
}
#hero>.home>.home_bottom {
    width: 100%;
    height: 170px;
    margin-top: 14px;
}
#hero>.home>.home_top>.home_top_img {
    width: 100%;
    height: 460px;
    background-color: #ABCDEF;
}
#hero>.home>.home_top>.home_top_img>img {
    width: 1226px;
    height: 460px;
    position: absolute;
    display: none;
}
#hero>.home>.home_top>#input01:checked ~ div.home_top_img>.img01 {
    display: block;
}
#hero>.home>.home_top>#input02:checked ~ div.home_top_img>.img02 {
    display: block;
}
#hero>.home>.home_top>#input03:checked ~ div.home_top_img>.img03 {
    display: block;
}
#hero>.home>.home_top>#input04:checked ~ div.home_top_img>.img04 {
    display: block;
}
#hero>.home>.home_top>#input05:checked ~ div.home_top_img>.img05 {
    display: block;
}
#hero>.home>.home_top>.home_top_img>.label>label{
    display: block;
    width: 8px;
    height: 8px;
    background-color: #ccc;
    float: left;
    border-radius: 50%;
    margin: 0 5px;
}
#hero>.home>.home_top>.home_top_img>.label {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
#hero>.home>.home_top>.homi {
    width: 234px;
    height: 460px;
    padding: 20px 0;
    background-color: rgba(180, 180, 180, .7);
    /* opacity: .6; */
    position: absolute;
    top: 0;
    left: 0;
}
#hero>.home>.home_top>.homi>li {
    width: 234px;
    height: 42px;
}
#hero>.home>.home_top>.homi>li:hover {
    background-color: #ff6700;
}
#hero>.home>.home_top>.homi>li>a {
    display: block;
    height: 42px;
    width: 234px;
    line-height: 42px;
    text-align: left;
    padding: 0 30px;
    color: #fff;
}
#hero>.home>.home_top>.homi>li>a>span {
    float: right;
}
#hero>.home>.home_top>.homi>li>div {
    height: 460px;
    /* width: 992px; */
    background-color: white;
    opacity: 1;
    position: absolute;
    top: 0px;
    left: 234px;
    display: flex;
    flex-direction: row;
    visibility: hidden; 
}
#hero>.home>.home_top>.homi>li>div>ul>li {
    width: 248px;
    height: 76px;
}
#hero>.home>.home_top>.homi>li>div>ul>li>a {
    display: block;
    width: 248px;
    line-height: 76px;
    color: black;
    padding-left: 20px;
}
#hero>.home>.home_top>.homi>li>div>ul>li>a:hover {
    color: coral;
}
#hero>.home>.home_top>.homi>li>div>ul>li>a>img {
    vertical-align: middle;
}
#hero>.home>.home_top>.homi>.homi01:hover>div.homi_01 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi02:hover>div.homi_02 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi03:hover>div.homi_03 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi04:hover>div.homi_04 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi05:hover>div.homi_05 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi06:hover>div.homi_06 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi07:hover>div.homi_07 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi08:hover>div.homi_08 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi09:hover>div.homi_09 {
    visibility: visible;
}
#hero>.home>.home_top>.homi>.homi10:hover>div.homi_10 {
    visibility: visible;
}
#hero>.home>.home_bottom>ul>li {
    float: left;
    height: 170px;
}
#hero>.home>.home_bottom>ul>li:nth-child(1) {
    width: 234px;
    height: 170px;
    margin-right: 14px;
}
#hero>.home>.home_bottom>ul>li:nth-child(1)>img {
    width: 234px;
    height: 170px;
}
#hero>.home>.home_bottom>ul>li:nth-child(2),
#hero>.home>.home_bottom>ul>li:nth-child(3) {
    width: 316px;
    margin-right: 15px;
}
#hero>.home>.home_bottom>ul>li:nth-child(2)>img,
#hero>.home>.home_bottom>ul>li:nth-child(3)>img,
#hero>.home>.home_bottom>ul>li:nth-child(4)>img {
    width: 316px;
    height: 170px;
}
/* 内容区域 */
.fl {
    float: left;
}
.fr {
    float: right;
}
section {
    width: 100%;
    height: 6050px;
    background-color: #f5f5f5;
}
section>.content {
    width: 1226px;
    margin: 0 auto;
}
section>.content>p {
    width: 100%;
    height: 58px;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
/* 小米闪购区域 */
section>.content>.box_bd {
    width: 100%;
    height: 340px;
}
section>.content>.box_bd>.fl {
    width: 234px;
    height: 340px;
    border-top: 1px solid red;
}
.box-row-left {
    width: 234px;
    height: 340px;
    padding-top: 39px;
    border-top: 1px solid #e53935;
    text-align: center;
    float: left;
    background-color: #f1eded;
  }
  .round {
    font-size: 21px;
    color: #ef3a3b;
    padding-top: 15px;
  }
  .box-row-left img {
    margin: 25px auto;
  }
  .box-row-left .desc {
    color: rgba(0, 0, 0, 0.54);
    font-size: 15px;
  }
  .box-row-left .countdown {
    width: 168px;
    margin: 28px auto 0;
  }
  .countdown span {
    width: 46px;
    height: 46px;
    background: #605751;
    color: #fff;
    font-size: 24px;
    line-height: 46px;
    float: left;
  }
  .countdown i {
    width: 15px;
    float: left;
    height: 46px;
    line-height: 46px;
    color: #605751;
    font-size: 28px;
    font-style: normal;
  }
section>.content>.box_bd>.fl>img {
    width: 234px;
    height: 340px;
}
section>.content>.box_bd>.fr>li {
    float: left;
    width: 234px;
    height: 340px;
    margin-left: 14px;
    padding-top: 40px;
    background-color: #fafafa;
}
section>.content>.box_bd>.fr>li:nth-child(1) {
    border-top: 1px solid orange;
}
section>.content>.box_bd>.fr>li:nth-child(2) {
    border-top: 1px solid green;
}
section>.content>.box_bd>.fr>li:nth-child(3) {
    border-top: 1px solid blue;
}
section>.content>.box_bd>.fr>li:nth-child(4) {
    border-top: 1px solid red;
}
section>.content>.box_bd>.fr>li>a {
    display: block;
    width: 100%;
    height: 300px;
}
section>.content>.box_bd>.fr>li>a>div {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-color: #fff;
    margin-bottom: 22px;
}
section>.content>.box_bd>.fr>li:nth-child(1)>a>div {
    background: url(imges/QQ截图20200718113023.png)
    no-repeat center/cover;
}
section>.content>.box_bd>.fr>li:nth-child(2)>a>div {
    background: url(imges/QQ截图20200718113043.png)
    no-repeat center/cover;
}
section>.content>.box_bd>.fr>li:nth-child(3)>a>div {
    background: url(imges/QQ截图20200718113055.png)
    no-repeat center/cover;
}
section>.content>.box_bd>.fr>li:nth-child(4)>a>div {
    background: url(imges/QQ截图20200718113110.png)
    no-repeat center/cover;
}
section>.content>.box_bd>.fr>li>a>h3 {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #212121
}
section>.content>.box_bd>.fr>li>a>.desc {
    height: 18px;
    margin: 0 20px 12px;
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
}
section>.content>.box_bd>.fr>li>a>.price {
    color: #ff6709;
    text-align: center;
    margin: 0 20px 12px;
    font-size: 12px;
}
section>.content>.box_bd>.fr>li>a>.price>span {
    color: #b0b0b0;
}
section>.content>.box_ho {
    width: 100%;
    height: 120px;
    margin: 22px 0;
    background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/17ae6ffbdd4156119e41dec7d85ebced.jpeg?thumb=1&w=1533&h=150&f=webp&q=90) no-repeat center/cover;
}
/* 手机 查看全部 区域 */
section>.content>.box_aa {
    height: 58px;
    width: 100%;
}
section>.content>.box_aa>.fl {
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
}
section>.content>.box_aa>.fr {
    transition: all .4s;
    font-size: 16px;
    line-height: 58px;
    color: #424242;
}
section>.content>.box_aa>.fr:hover {
    color: #ff6700;
}
section>.content>.box_bb {
    width: 100%;
    height: 628px;
}
section>.content>.box_bb>.fl {
    width: 234px;
    height: 614px;
    background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/574c6643ab91c6618bfb2d0e2c761d0b.jpg?thumb=1&w=293&h=768&f=webp&q=90) no-repeat center/cover;
    transition: all .5s;
}
section>.content>.box_bb>.fl:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_bb>.fr {
    height: 628px;
    width: 992px;
}
section>.content>.box_bb>.fr>li {
    width: 234px;
    height: 300px;
    padding: 20px 0;
    margin: 0 0 14px 14px;
    background-color: #fff;
    float: left;
    transition: all .5s;
}
section>.content>.box_bb>.fr>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_bb>.fr>li>a {
    display: block;
}
section>.content>.box_bb>.fr>li>a>img {
    width: 160px;
    height: 160px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
section>.content>.box_bb>.fr>li>a>h3 {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #212121
}
section>.content>.box_bb>.fr>li>a>.desc {
    height: 18px;
    margin: 0 20px 12px;
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
}
section>.content>.box_bb>.fr>li>a>.price {
    color: #ff6709;
    text-align: center;
    margin: 0 20px 12px;
    font-size: 12px;
}
section>.content>.box_bb>.fr>li>a>.price>span {
    color: #b0b0b0;
}
section>.content>.box_cc {
    width: 100%;
    height: 120px;
    margin: 22px 0;
    background: url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c3b86ede4dd31d7c126d56fbdde4f855.jpg?thumb=1&w=1533&h=150&f=webp&q=90) no-repeat center/cover;
}
/* 家电区域 */
section>.content>.box_dd>input {
    display: none;
}
section>.content>.box_dd>label {
    position: relative;
    top: -40px;
    left: 805px;
    margin-left: 40px;
}
section>.content>.box_dd>#dd01:checked~.dd1 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_dd>#dd02:checked~.dd2 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_dd>#dd01:checked~.fr>.dd10 {
    display: block;
}
section>.content>.box_dd>#dd02:checked~.fr>.dd20 {
    display: block;
}
section>.content>.box_dd ul>li {
    transition: all 0.5s;
}
section>.content>.box_dd ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_dd>.fl {
    width: 234px;
    height: 628px;
    position: relative;
    top: 21px;
}
section>.content>.box_dd>.fl>ul>li {
    margin-bottom: 14px;
}
section>.content>.box_dd ul>li>a {
    display: block;
}
section>.content>.box_dd>.fl>ul>li>a>img {
    width: 234px;
    height: 300px;
}
section>.content>.box_dd>.fr {
    width: 992px;
    height: 628px;
}
section>.content>.box_dd>.fr>ul>li {
    float: left;
    width: 234px;
    height: 300px;
    margin-left: 14px;
    margin-bottom: 14px;
    background-color: #fff;
}
section>.content>.box_dd>.fr>ul>li>a>img {
    width: 160px;
    height: 160px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}
section>.content>.box_dd>.fr>ul>li>a>h3 {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #212121
}
section>.content>.box_dd>.fr>ul>li>a>.desc {
    height: 18px;
    margin: 0 0px 10px;
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
}
section>.content>.box_dd>.fr>ul>li>a>.price {
    color: #ff6709;
    text-align: center;
    margin: 0 20px 12px;
    font-size: 12px;
}
section>.content>.box_dd>.fr>ul>li>a>.price>span {
    color: #b0b0b0;
}
section>.content>.box_dd>.fr>.dd10>.dd11 {
    background-color: #f5f5f5;
}
section>.content>.box_dd>.fr>.dd10>.dd11>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
section>.content>.box_dd>.fr>.dd10>.dd11>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_dd>.fr>.dd20>.dd22 {
    background-color: #f5f5f5;
}
section>.content>.box_dd>.fr>.dd20>.dd22>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
section>.content>.box_dd>.fr>.dd20>.dd22>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_dd>.fr>.dd20 {
    position: relative;
    top: 0px;
    display: none;
}
section>.content>.box_dd>.fr>.dd10 {
    display: none;
}
section>.content>.box_ee {
    height: 120px;
    margin: 22px 0;
    background:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/59e8fc8ba9718c266882719fb4bbcedd.jpg?thumb=1&w=1533&h=150&f=webp&q=90) no-repeat center/cover;
    position: relative;
    top: 628px;
}
section>.content>.boxe {
    width: 100%;
    height: 58px;
    font-size: 22px;
    font-weight: 200;
    line-height: 58px;
    color: #333;
    position: relative;
    top: 180px;
}
/* 智能区域 */
section>.content>.box_ff {
    height: 628px;
    position: relative;
    top: 626px;
}
section>.content>.box_ff>input {
    display: none;
}
section>.content>.box_ff>label {
    position: relative;
    top: -429px;
    left: 1065px;
    margin-left: 17px;
}
section>.content>.box_ff>#ff01:checked~.ff1 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_ff>#ff02:checked~.ff2 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_ff>#ff03:checked~.ff3 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_ff>.fr>ul {
    display: none;
}
section>.content>.box_ff>#ff01:checked~.fr>.ff10 {
    display: block;
}
section>.content>.box_ff>#ff02:checked~.fr>.ff20 {
    display: block;
}
section>.content>.box_ff>#ff03:checked~.fr>.ff30 {
    display: block;
}
section>.content>.box_ff>.fl {
    width: 234px;
    height: 628px;
    position: absolute;
    top: 0;
}
section>.content>.box_ff>.fl>ul>li {
    margin-bottom: 14px;
}
section>.content>.box_ff>.fl>ul>li>a>img {
    width: 234px;
    height: 300px;
}
section>.content>.box_ff>.fl ul>li {
    transition: all 0.5s;
}
section>.content>.box_ff>.fl ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_ff>.fr {
    position: absolute;
    top: 0;
    right: 0;
    width: 992px;
    height: 628px;
}
section>.content>.box_ff>.fr>ul>li {
    float: left;
    width: 234px;
    height: 300px;
    margin-left: 14px;
    margin-bottom: 14px;
    background-color: #fff;
}
section>.content>.box_ff>.fr ul>li {
    transition: all 0.5s;
}
section>.content>.box_ff>.fr ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_ff>.fr>ul>li>a>img {
    width: 160px;
    height: 160px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}
section>.content>.box_ff>.fr>ul>li>a>h3 {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #212121
}
section>.content>.box_ff>.fr>ul>li>a>.desc {
    height: 18px;
    margin: 0 0px 10px;
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
}
section>.content>.box_ff>.fr>ul>li>a>.price {
    color: #ff6709;
    text-align: center;
    margin: 0 20px 12px;
    font-size: 12px;
}
section>.content>.box_ff>.fr>ul>li>a>.price>span {
    color: #b0b0b0;
}
section>.content>.box_ff>.fr>.ff10>.ff11 {
    background-color: #f5f5f5;
}
section>.content>.box_ff>.fr>.ff10>.ff11>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_ff>.fr>.ff10>.ff11>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
section>.content>.box_ff>.fr>.ff20>.ff22 {
    background-color: #f5f5f5;
}
section>.content>.box_ff>.fr>.ff20>.ff22>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_ff>.fr>.ff20>.ff22>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
section>.content>.box_ff>.fr>.ff30>.ff33 {
    background-color: #f5f5f5;
}
section>.content>.box_ff>.fr>.ff30>.ff33>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_ff>.fr>.ff30>.ff33>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
/* 搭配区域 */
section>.content>.box_gg {
    width: 100%;
    height: 120px;
    margin: 22px 0;
    background:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/6b785e0d886bef923fbec131f50bf55d.jpg?thumb=1&w=1533&h=150&f=webp&q=90)no-repeat center/cover;
    position: relative;
    top: 628px;
}
section>.content>.boxg {
    position: relative;
    top: 630px;
}
section>.content>.box_hh {
    width: 100%;
    height: 628px;
    position: relative;
    top: 630px;
}
section>.content>.box_hh>input {
    display: none;
}
section>.content>.box_hh>label {
    position: relative;
    top: -38px;
    left: 770px;
    margin-left: 30px;
}
section>.content>.box_hh>#hh01:checked~.hh1 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_hh>#hh02:checked~.hh2 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_hh>.fr>ul {
    display: none;
}
section>.content>.box_hh>#hh01:checked~.fr>.hh10 {
    display: block;
}
section>.content>.box_hh>#hh02:checked~.fr>.hh20 {
    display: block;
}
section>.content>.box_hh>.fl>ul>li {
    margin-bottom: 14px;
}
section>.content>.box_hh>.fl>ul>li>a>img {
    width: 234px;
    height: 300px;
}
section>.content>.box_hh>.fl ul>li {
    transition: all 0.5s;
}
section>.content>.box_hh>.fl ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_hh>.fr {
    position: absolute;
    top: 0;
    right: 0;
    width: 992px;
    height: 628px;
}
section>.content>.box_hh>.fr>ul>li {
    float: left;
    width: 234px;
    height: 300px;
    margin-left: 14px;
    margin-bottom: 14px;
    background-color: #fff;
}
section>.content>.box_hh>.fr ul>li {
    transition: all 0.5s;
}
section>.content>.box_hh>.fr ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_hh>.fr>ul>li>a>img {
    width: 160px;
    height: 160px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}
section>.content>.box_hh>.fr>ul>li>a>h3 {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #212121
}
section>.content>.box_hh>.fr>ul>li>a>.desc {
    height: 18px;
    margin: 0 0px 10px;
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
}
section>.content>.box_hh>.fr>ul>li>a>.price {
    color: #ff6709;
    text-align: center;
    margin: 0 20px 12px;
    font-size: 12px;
}
section>.content>.box_hh>.fr>ul>li>a>.price>span {
    color: #b0b0b0;
}
section>.content>.box_hh>.fr>.hh10>.hh11 {
    width: 234px;
    height: 154px;
}
section>.content>.box_hh>.fr>.hh10>.hh11>a>img {
    width: 234px;
    height: 140px;
}
section>.content>.box_hh>.fr>.hh20>.hh22 {
    background-color: #f5f5f5;
}
section>.content>.box_hh>.fr>.hh20>.hh22>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_hh>.fr>.hh20>.hh22>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
section>.content>.box_ii {
    width: 100%;
    height: 120px;
    margin: 22px 0;
    background:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/1615d1842fe85914a545297836a44271.jpg?thumb=1&w=1533&h=150&f=webp&q=90)no-repeat center/cover;
    position: relative;
    top: 628px;
}
/* 配件区域 */
section>.content>.boxi {
    position: relative;
    top: 630px;
}
section>.content>.box_jj {
    width: 100%;
    height: 628px;
    position: relative;
    top: 630px;
}
section>.content>.box_jj>input {
    display: none;
}
section>.content>.box_jj>label {
    position: relative;
    top: -38px;
    left: 770px;
    margin-left: 30px;
}
section>.content>.box_jj>#jj01:checked~.jj1 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_jj>#jj02:checked~.jj2 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_jj>.fr>ul {
    display: none;
}
section>.content>.box_jj>#jj01:checked~.fr>.jj10 {
    display: block;
}
section>.content>.box_jj>#jj02:checked~.fr>.jj20 {
    display: block;
}
section>.content>.box_jj>.fl>ul>li {
    margin-bottom: 14px;
}
section>.content>.box_jj>.fl>ul>li>a>img {
    width: 234px;
    height: 300px;
}
section>.content>.box_jj>.fl ul>li {
    transition: all 0.5s;
}
section>.content>.box_jj>.fl ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_jj>.fr {
    position: absolute;
    top: 0;
    right: 0;
    width: 992px;
    height: 628px;
}
section>.content>.box_jj>.fr>ul>li {
    float: left;
    width: 234px;
    height: 300px;
    margin-left: 14px;
    margin-bottom: 14px;
    background-color: #fff;
}
section>.content>.box_jj>.fr ul>li {
    transition: all 0.5s;
}
section>.content>.box_jj>.fr ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_jj>.fr>ul>li>a>img {
    width: 160px;
    height: 160px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}
section>.content>.box_jj>.fr>ul>li>a>h3 {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #212121
}
section>.content>.box_jj>.fr>ul>li>a>.desc {
    height: 18px;
    margin: 0 0px 10px;
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
}
section>.content>.box_jj>.fr>ul>li>a>.price {
    color: #ff6709;
    text-align: center;
    margin: 0 20px 12px;
    font-size: 12px;
}
section>.content>.box_jj>.fr>ul>li>a>.price>span {
    color: #b0b0b0;
}
section>.content>.box_jj>.fr>.jj10>.jj11 {
    width: 234px;
    height: 154px;
}
section>.content>.box_jj>.fr>.jj10>.jj11>a>img {
    width: 234px;
    height: 140px;
}
section>.content>.box_jj>.fr>.jj20>.jj22 {
    background-color: #f5f5f5;
}
section>.content>.box_jj>.fr>.jj20>.jj22>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_jj>.fr>.jj20>.jj22>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
section>.content>.box_kk {
    width: 100%;
    height: 120px;
    margin: 22px 0;
    background:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9880db34d227b6c1df5b45cb7df4f465.jpg?thumb=1&w=1533&h=150&f=webp&q=90)no-repeat center/cover;
    position: relative;
    top: 628px;
}
/* 周边区域 */
section>.content>.boxk {
    position: relative;
    top: 630px;
}
section>.content>.box_ll {
    width: 100%;
    height: 628px;
    position: relative;
    top: 630px;
}
section>.content>.box_ll>input {
    display: none;
}
section>.content>.box_ll>label {
    position: relative;
    top: -38px;
    left: 770px;
    margin-left: 30px;
}
section>.content>.box_ll>#ll01:checked~.ll1 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_ll>#ll02:checked~.ll2 {
    color: salmon;
    border-bottom: 2px solid salmon;
}
section>.content>.box_ll>.fr>ul {
    display: none;
}
section>.content>.box_ll>#ll01:checked~.fr>.ll10 {
    display: block;
}
section>.content>.box_ll>#ll02:checked~.fr>.ll20 {
    display: block;
}
section>.content>.box_ll>.fl>ul>li {
    margin-bottom: 14px;
}
section>.content>.box_ll>.fl>ul>li>a>img {
    width: 234px;
    height: 300px;
}
section>.content>.box_ll>.fl ul>li {
    transition: all 0.5s;
}
section>.content>.box_ll>.fl ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_ll>.fr {
    position: absolute;
    top: 0;
    right: 0;
    width: 992px;
    height: 628px;
}
section>.content>.box_ll>.fr>ul>li {
    float: left;
    width: 234px;
    height: 300px;
    margin-left: 14px;
    margin-bottom: 14px;
    background-color: #fff;
}
section>.content>.box_ll>.fr ul>li {
    transition: all 0.5s;
}
section>.content>.box_ll>.fr ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_ll>.fr>ul>li>a>img {
    width: 160px;
    height: 160px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}
section>.content>.box_ll>.fr>ul>li>a>h3 {
    margin: 0 20px 3px;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #212121
}
section>.content>.box_ll>.fr>ul>li>a>.desc {
    height: 18px;
    margin: 0 0px 10px;
    font-size: 12px;
    text-align: center;
    color: #b0b0b0;
}
section>.content>.box_ll>.fr>ul>li>a>.price {
    color: #ff6709;
    text-align: center;
    margin: 0 20px 12px;
    font-size: 12px;
}
section>.content>.box_ll>.fr>ul>li>a>.price>span {
    color: #b0b0b0;
}
section>.content>.box_ll>.fr>.ll10>.ll11 {
    width: 234px;
    height: 154px;
}
section>.content>.box_ll>.fr>.ll10>.ll11>a>img {
    width: 234px;
    height: 140px;
}
section>.content>.box_ll>.fr>.jj20>.jj22 {
    background-color: #f5f5f5;
}
section>.content>.box_ll>.fr>.ll20>.ll22>ul>li>a>img {
    width: 234px;
    height: 143px;
}
section>.content>.box_ll>.fr>.ll22>ul>li:nth-child(1) {
    margin-bottom: 10px;
}
section>.content>.box_mm {
    width: 100%;
    height: 120px;
    margin: 22px 0;
    background:url(https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=1533&h=150&f=webp&q=90)no-repeat center/cover;
    position: relative;
    top: 628px;
}
/* 视屏区域 */
section>.content>.boxm {
    position: relative;
    top: 630px;
}
section>.content>.box_nn>ul {
    position: relative;
    top: 630px;
    width: 100%;
    height: 299px;
}
section>.content>.box_nn>ul>li {
    width: 296px;   
    height: 285px;
    background-color: #fff;
}
section>.content>.box_nn>ul>li+li {
    margin-left: 14px;
}
section>.content>.box_nn>ul>li img {
    width: 296px;
}
section>.content>.box_nn>ul>li:hover {
    box-shadow: 5px 5px 10px 10px #e2e2e2;
}
section>.content>.box_nn>ul>li p {
    text-align: center;
    line-height: 70px;
    font-size: 14px;
    font-weight: 400;
}
